<!-- <template>
  <el-table :data="tableData" border style="width: 100%">
    <el-table-column prop="index" label="序号" align="center" />
    <el-table-column prop="module" label="模块" align="center" />
    <el-table-column prop="status" label="状态" align="center">
      <template #default="scope">
        <span :style="{ color: scope.row.status === '异常' ? 'red' : 'black' }">
          {{ scope.row.status }}
        </span>
      </template>
    </el-table-column>
    <el-table-column prop="errorInfo" label="错误信息" align="center">
      <template #default="scope">
        <span v-if="scope.row.errorInfo" :style="{ color: 'red' }">
          {{ scope.row.errorInfo }}
        </span>
      </template>
    </el-table-column>
    <el-table-column prop="logTime" label="日志时间(UTC)" align="center" />
  </el-table>
</template>

<script setup>
import { ref } from "vue";

const tableData = ref([
  {
    index: 1,
    module: "数据库",
    status: "异常",
    errorInfo: "无法建立与MySQL主库(127.0.0.1:3306)的连接",
    logTime: "2025/08/13 14:00:00",
  },
  {
    index: 2,
    module: "服务器",
    status: "异常",
    errorInfo: "服务器CPU利用率98%",
    logTime: "2025/08/13 14:00:00",
  },
  {
    index: 3,
    module: "服务器",
    status: "异常",
    errorInfo: "服务器硬盘使用率91%",
    logTime: "2025/08/13 14:00:00",
  },
  {
    index: 4,
    module: "服务器",
    status: "正常",
    errorInfo: "",
    logTime: "2025/08/13 14:00:00",
  },
]);
</script>

<style scoped>
/* 可根据需要添加样式 */
</style> -->
